<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
    <script src="/socket.io/socket.io.js"></script>
    <script src="/javascript/sheetengine.js"></script>


      <style>
      html{

       background-image:url(/images/back2.jpg);
       background-repeat:no-repeat;
       background-size: cover;
      }

      #parent {
        width: 452px;
        height: 245px;
        right:-68%;
        top:-150px;
        position:relative;
        background-image:url(/images/background_message.png);
        color:#03a4dd;
        text-align: center;
      }

      select, input {
        margin-left: 15px;
      }

      #paniers{
position: relative;
      margin-left: auto;
      margin-right: auto;
      margin-top: -20px;
      text-align: center;

      }
      </style>

</head>
<body>


<h1>Welcome to the homepage</h1>
<p>Your name is <%- user.lastname %> !</p>

<p><a href="/logout">logout</a></p>

<canvas id="mainCanvas" style="position:relative; margin-bottom:-10%;left:0;"></canvas>



    <script src="/javascript/Health.js"></script>

    <script src="/javascript/Maturity.js"></script>
    <script src="/javascript/Plantation.js"></script>
    <script src="/javascript/UserPlantation.js"></script>
    <script src="/javascript/Attaquer.js"></script>
    <script src="/javascript/Arroser.js"></script>
    <script src="/javascript/Fertiliser.js"></script>
    <script src="/javascript/Recolter.js"></script>

    <script src="/javascript/WorldInterface.js"></script>
    <script src="/javascript/Action.js"></script>
    <script src="/javascript/Planter.js"></script>
    <script src="/javascript/WorldInfo.js"></script>
    <script src="/javascript/Drawer.js"></script>
    <script src="/javascript/Drawable.js"></script>
    <script src="/javascript/Personage.js"></script>
    <script src="/javascript/Tile.js"></script>
    <script src="/javascript/World.js"></script>
    <script src="/javascript/EventManager.js"></script>
    <script src="/javascript/NetworkManager.js"></script>
    <script src="/javascript/movePerso.js"></script>
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>
    var world = new World(new Drawer(sheetengine), { width : canvasWidth,  height : canvasHeight}); // le monde qui contient les information repliquer (TODO) sur le serveur
    var networkManager = new NetworkManager(io.connect("http://localhost:3000/game"), world); // les evènement reseaux
    var eventManager= new EventManager(world, networkManager); // les évènements du navigateur
    eventManager.world.eventManager = eventManager;
    eventManager.world.networkManager = networkManager;
    eventManager.initWorld(); // on initialise le monde

</script>


</body>
</html>